<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/user-logoin1.css">
  <title>Document</title>
</head>
<body>
  <div>
    <div class="page-complete">
      <div class="header-container">
        <div class="inner">
          <div class="page-complete-logo">
            <a href="">
              <img src="../img/user-login1/logo-single.png" alt="">
            </a>
          </div>
          <div class="top-complete-user">
            <div class="dropdown-wrap">
              <div class="dropdown-label menu-more">
                198****1347
                <img src="../img/user-login1/user-pirectire.png" alt="" class="menu-user-figure">
              </div>
              <div class="dropdown-menu">退出登录</div>
            </div>
          </div>
        </div>
      </div>
      <div class="content-container">
        <div class="inner-container">
          <div class="profile-progress">
            <h2>
              开启高效的招聘方式，你只需要
              <span class="step-num">2</span>   
              步:
              <p class="profile-change">切换成求职者</p>
            </h2>
            <ul>
              <li class="active step-finish">
                <div class="circle">1</div>
                <p>创建Boss名片</p>
              </li>
              <li class="step-last">
                <div class="circle">2</div>
                <p>发布第一个职位</p>
              </li>
            </ul>
          </div>
          <div class="complete-container">
            <div class="form-container">
              <div class="form-row">
                <div class="t">
                  <em>*</em>
                  头&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;像:
                </div>
                <div class="c">
                  <div class="avatar">
                    <div class="sel-avatar"></div>
                  </div>
                </div>
              </div>
              <div class="form-row">
                <div class="t">
                  <em>*</em>
                  姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名:
                </div>
                <div class="c">
                  <span class="ipt-wrap">
                    <input type="text" placeholder="请输入姓名" class="ipt">
                  </span>
                </div>
              </div>
              <div class="form-row">
                <div class="t">
                  <em>*</em>
                  我的公司:
                </div>
                <div class="c">
                  <span class="ipt-wrap">
                    <input type="text" placeholder="您当前就职的公司" class="ipt">
                  </span>
                </div>
              </div>
              <div class="form-row">
                <div class="t">
                  <em>*</em>
                  我的职务:
                </div>
                <div class="c">
                  <span class="ipt-wrap">
                    <input type="text" placeholder="真实的职务，更能赢得牛人信任" class="ipt">
                  </span>
                </div>
              </div>
              <div class="form-btn">
                <button class="btn">保存  去发布一个职位</button>
              </div>
            </div>
            <div class="side-tip">
              <img src="../img/user-login1/guide-profile.png" alt="">
              <p>完善资料，让牛人知道你是谁</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>